.login {
  display: flex;
  flex-direction: column;
  width: 100%;     
  height: 100%;     
  justify-content: center;
  align-items: center;
  box-sizing: border-box; 
  background-image: url('~@/assets/images/auth/auth_background_001.jpg'); 
  background-size: cover;
  
}

.login-card {
  width: 400px;
  height: 300px;       // 最小高度替代固定高度
  border: 1px solid rgba(255, 255, 255, 0.3); // 调整边框透明度
  backdrop-filter: blur(10px); // 添加毛玻璃效果
  background: rgba(255, 255, 255, 0.8); // 半透明背景
}

.login-banner {
  max-width: 300px;        // 调整图片最大宽度
  margin: 0 auto 40px;     // 增加下边距
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1)); // 添加投影
}